<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
    <link rel="stylesheet" href="./css/root.css">
    <link rel="stylesheet" href="./css/animeFrames.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/first.css">
    <link rel="stylesheet" href="./css/second.css">
    <link rel="stylesheet" href="./css/element.css">
    <link rel="stylesheet" href="./css/third.css">
    <link rel="stylesheet" href="./css/fourth.css">
    <script src="./js/anime.js"></script>
    <script src="./js/first.js"></script>
    <script src="./utils/animationJs.js"></script>
    <script src="./utils/skip.js"></script>
    <script src="./utils/storage.js"></script>
    <script src="./js/second.js"></script>
    <script src="./js/fourth.js"></script>
</head>
<body>
    <div class="first" id="headTit">
        <!-- 顶部 -->
        <div class="top">
            <!--  -->
            <div class="topCont">
                <div class="inpBox">

                </div>
                <div class="spanBox" onmousemove="mouseOver()">
                    点击展开
                </div>
                <div class="showSel" id="selId" onmousemove="pMove()" onmouseleave="mouseLeave()">
                    <p>选择1</p>
                    <p>选择2</p>
                </div>
            </div>
        </div>
        <div class="bot">
            <!-- 左 -->
            <div class="left animate__animated animate__fadeInUp wow" id="announcement">
                <div class="contentBox">
                    <div class="topText">
                        <span id="s1">XXX</span>
                        <span id="s2">汇集主流费控系统厂商</span>
                    </div>
                    <div class="midText">
                        <div class="leftBox">
                            <p>16款</p>
                        </div>
                        <div class="rightBox">
                            <p>费控系统免费试用!</p>
                        </div>
                    </div>
                    <div class="botText">
                        <span>根据您的需求，帮您快速有效开通使用账户，</span>
                        <span>享受独家优惠!</span>
                    </div>
                </div>
            </div>
            <!-- 右 -->
            <div class="right animate__animated animate__fadeInRight wow">
                <div class="formBox">
                    <div class="formTop">
                    </div>
                    <div class="formMid">
                        <input type="text" placeholder="请输入您的真实姓名">
                        <input type="text" placeholder="请输入您的手机号码">
                        <input type="text" placeholder="请输入验证码">
                        <input type="text" placeholder="请输入公司/机构名称(选填)">
                        <a href="#">获取验证码</a>
                    </div>
                    <div class="formBot">
                        <button type="submit">立即提交</button>
                        <p>*提交表单后，我们将在30分钟内，安排服务专员为您开通试用账户</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="second" id="hot">
        <div class="top animate__animated animate__fadeInUp wow" id="hotTop">
            <div class="topLeft">
                <p>XXX家厂商</p>
                <p>可通过XXX一键试用</p>
            </div>
            <div class="topRight" id="hotTopAnime" onmouseover="pauseAnime('b1')" onmouseleave="runAnime('b1')">
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/5.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/4.1.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/5.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/4.1.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/5.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/4.1.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/5.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/4.1.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/5.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <!-- 第二份 -->
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/5.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/4.1.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/5.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/4.1.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/5.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/4.1.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/5.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/4.1.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
                <div class="b1">
                    <div class="imgBox">
                        <img src="./image/5.png" alt="">
                    </div>
                    <p>尘锋SCRM</p>
                </div>
            </div>
        </div>
        <div class="mid">
            <div class="boxs animate__animated animate__fadeInUp wow">
                <div class="boxsLeft">
                    <img src="./image/3579/组 3@2x.png" alt="">
                </div>
                <div class="boxsRight">
                    <p class="topP">全网软件收录</p>
                    <p class="botP">
                        <span>XXX</span>
                        款SCRM软件，多行业覆盖
                    </p>
                </div>
            </div>
            <div class="boxs animate__animated animate__fadeInUp topDiscount1 wow ">
                <div class="boxsLeft">
                    <img src="./image/3579/组 5@2x.png" alt="">
                </div>
                <div class="boxsRight">
                    <p class="topP">厂商独家优惠</p>
                    <p class="botP">
                        最低至
                        <span>XXX</span>
                        折，软件免费试用
                    </p>
                </div>
            </div>
            <div class="boxs animate__animated animate__fadeInUp topDiscount2 wow">
                <div class="boxsLeft">
                    <img src="./image/3579/组 7@2x.png" alt="">
                </div>
                <div class="boxsRight">
                    <p class="topP">众多客户选择</p>
                    <p class="botP">
                        <span>XXX</span>
                        次选型沟通，全程定制服务
                    </p>
                </div>
            </div>
            <div class="boxs animate__animated animate__fadeInUp topDiscount3 wow">
                <div class="boxsLeft">
                    <img src="./image/3579/组 9@2x.png" alt="">
                </div>
                <div class="boxsRight">
                    <p class="topP">全网软件收录</p>
                    <p class="botP">
                        <span>XXX</span>
                        旗下平台，选型更专业
                    </p>
                </div>
            </div>
        </div>
        <div class="bot">
            <div class="title">
                <div class="titLift"></div>
                <div class="titCon">
                    <span>热门私域营销软件</span>
                </div>
                <div class="titRight"></div>
            </div>
            <div class="detail">
                <div class="detailInfo animate__animated animate__fadeInRight wow">
                    <div class="infoTop"></div>
                    <!-- infoContent-->
                    <div class="infoCon">
                        <div class="conTop">
                            <!-- 图片 -->
                            <div class="topLeft">
                            </div>
                            <!-- name detail -->
                            <div class="topRight">
                                <p class="p1">尘峰SCRM</p>
                                <p class="p2">
                                    <span id="ote">128</span>
                                    家企业选择
                                </p>
                            </div>
                        </div>
                        <div class="conBot">
                            <div class="boxP">
                                <p>尘峰SCRM通过集成优势，提供了丰富的客户管理工具。它不仅能有效管理客户信…</p>
                            </div>
                            <div class="boxList">
                                <div class="list">IT互联网</div>
                                <div class="list">平台获客</div>
                                <div class="list">房地产</div>
                            </div>
                            <div class="btn">
                                <div class="btn1">立即咨询</div>
                                <div class="btn2">免费试用</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="detailInfo animate__animated animate__fadeInRight hotDetailCard1 wow">
                    <div class="infoTop"></div>
                    <!-- infoContent-->
                    <div class="infoCon">
                        <div class="conTop">
                            <!-- 图片 -->
                            <div class="topLeft">
                            </div>
                            <!-- name detail -->
                            <div class="topRight">
                                <p class="p1">尘峰SCRM</p>
                                <p class="p2">
                                    <span id="ote">128</span>
                                    家企业选择
                                </p>
                            </div>
                        </div>
                        <div class="conBot">
                            <div class="boxP">
                                <p>尘峰SCRM通过集成优势，提供了丰富的客户管理工具。它不仅能有效管理客户信…</p>
                            </div>
                            <div class="boxList">
                                <div class="list">IT互联网</div>
                                <div class="list">平台获客</div>
                                <div class="list">房地产</div>
                            </div>
                            <div class="btn">
                                <div class="btn1">立即咨询</div>
                                <div class="btn2">免费试用</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="detailInfo animate__animated animate__fadeInRight hotDetailCard2 wow">
                    <div class="infoTop"></div>
                    <!-- infoContent-->
                    <div class="infoCon">
                        <div class="conTop">
                            <!-- 图片 -->
                            <div class="topLeft">
                            </div>
                            <!-- name detail -->
                            <div class="topRight">
                                <p class="p1">尘峰SCRM</p>
                                <p class="p2">
                                    <span id="ote">128</span>
                                    家企业选择
                                </p>
                            </div>
                        </div>
                        <div class="conBot">
                            <div class="boxP">
                                <p>尘峰SCRM通过集成优势，提供了丰富的客户管理工具。它不仅能有效管理客户信…</p>
                            </div>
                            <div class="boxList">
                                <div class="list">IT互联网</div>
                                <div class="list">平台获客</div>
                                <div class="list">房地产</div>
                            </div>
                            <div class="btn">
                                <div class="btn1">立即咨询</div>
                                <div class="btn2">免费试用</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="detailInfo animate__animated animate__fadeInRight hotDetailCard3 wow">
                    <div class="infoTop"></div>
                    <!-- infoContent-->
                    <div class="infoCon">
                        <div class="conTop">
                            <!-- 图片 -->
                            <div class="topLeft">
                            </div>
                            <!-- name detail -->
                            <div class="topRight">
                                <p class="p1">尘峰SCRM</p>
                                <p class="p2">
                                    <span id="ote">128</span>
                                    家企业选择
                                </p>
                            </div>
                        </div>
                        <div class="conBot">
                            <div class="boxP">
                                <p>尘峰SCRM通过集成优势，提供了丰富的客户管理工具。它不仅能有效管理客户信…</p>
                            </div>
                            <div class="boxList">
                                <div class="list">IT互联网</div>
                                <div class="list">平台获客</div>
                                <div class="list">房地产</div>
                            </div>
                            <div class="btn">
                                <div class="btn1">立即咨询</div>
                                <div class="btn2">免费试用</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="detailInfo animate__animated animate__fadeInRight wow">
                    <div class="infoTop"></div>
                    <!-- infoContent-->
                    <div class="infoCon">
                        <div class="conTop">
                            <!-- 图片 -->
                            <div class="topLeft">
                            </div>
                            <!-- name detail -->
                            <div class="topRight">
                                <p class="p1">尘峰SCRM</p>
                                <p class="p2">
                                    <span id="ote">128</span>
                                    家企业选择
                                </p>
                            </div>
                        </div>
                        <div class="conBot">
                            <div class="boxP">
                                <p>尘峰SCRM通过集成优势，提供了丰富的客户管理工具。它不仅能有效管理客户信…</p>
                            </div>
                            <div class="boxList">
                                <div class="list">IT互联网</div>
                                <div class="list">平台获客</div>
                                <div class="list">房地产</div>
                            </div>
                            <div class="btn">
                                <div class="btn1">立即咨询</div>
                                <div class="btn2">免费试用</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="detailInfo animate__animated animate__fadeInRight hotDetailCard1 wow">
                    <div class="infoTop"></div>
                    <!-- infoContent-->
                    <div class="infoCon">
                        <div class="conTop">
                            <!-- 图片 -->
                            <div class="topLeft">
                            </div>
                            <!-- name detail -->
                            <div class="topRight">
                                <p class="p1">尘峰SCRM</p>
                                <p class="p2">
                                    <span id="ote">128</span>
                                    家企业选择
                                </p>
                            </div>
                        </div>
                        <div class="conBot">
                            <div class="boxP">
                                <p>尘峰SCRM通过集成优势，提供了丰富的客户管理工具。它不仅能有效管理客户信…</p>
                            </div>
                            <div class="boxList">
                                <div class="list">IT互联网</div>
                                <div class="list">平台获客</div>
                                <div class="list">房地产</div>
                            </div>
                            <div class="btn">
                                <div class="btn1">立即咨询</div>
                                <div class="btn2">免费试用</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="detailInfo animate__animated animate__fadeInRight hotDetailCard2 wow">
                    <div class="infoTop"></div>
                    <!-- infoContent-->
                    <div class="infoCon">
                        <div class="conTop">
                            <!-- 图片 -->
                            <div class="topLeft">
                            </div>
                            <!-- name detail -->
                            <div class="topRight">
                                <p class="p1">尘峰SCRM</p>
                                <p class="p2">
                                    <span id="ote">128</span>
                                    家企业选择
                                </p>
                            </div>
                        </div>
                        <div class="conBot">
                            <div class="boxP">
                                <p>尘峰SCRM通过集成优势，提供了丰富的客户管理工具。它不仅能有效管理客户信…</p>
                            </div>
                            <div class="boxList">
                                <div class="list">IT互联网</div>
                                <div class="list">平台获客</div>
                                <div class="list">房地产</div>
                            </div>
                            <div class="btn">
                                <div class="btn1">立即咨询</div>
                                <div class="btn2">免费试用</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="detailInfo animate__animated animate__fadeInRight hotDetailCard3 wow">
                    <div class="infoTop"></div>
                    <!-- infoContent-->
                    <div class="infoCon">
                        <div class="conTop">
                            <!-- 图片 -->
                            <div class="topLeft">
                            </div>
                            <!-- name detail -->
                            <div class="topRight">
                                <p class="p1">尘峰SCRM</p>
                                <p class="p2">
                                    <span id="ote">128</span>
                                    家企业选择
                                </p>
                            </div>
                        </div>
                        <div class="conBot">
                            <div class="boxP">
                                <p>尘峰SCRM通过集成优势，提供了丰富的客户管理工具。它不仅能有效管理客户信…</p>
                            </div>
                            <div class="boxList">
                                <div class="list">IT互联网</div>
                                <div class="list">平台获客</div>
                                <div class="list">房地产</div>
                            </div>
                            <div class="btn">
                                <div class="btn1">立即咨询</div>
                                <div class="btn2">免费试用</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 左边导航条 -->
            <div class="leftNav" id="leftNav" style="visibility: hidden;">
                <ul>
                    <li id="0" tabindex="1" class="coloCls" onclick="skip('hot')">热门推荐</li>
                    <li id="1" tabindex="1" onclick="skip('feature')">
                        <!-- <a href="#fun">功能介绍</a> -->
                        功能介绍
                    </li>
                    <li id="2" tabindex="1" onclick="skip('option')">解决方案</li>
                    <li id="3" tabindex="1" onclick="skip('feedBack')">客户反馈</li>
                    <li id="4" tabindex="1" onclick="skip('report')">研究报告</li>
                    <li id="5" tabindex="1" onclick="skip('message')">最新资讯</li>
                </ul>
                <p>
                    <a href="#">返回顶部</a>
                </p>
            </div>
        </div>
        <!-- 右侧 -->
        <div class="rightNav">
            <div class="top">
                <div class="imgs">
                    <img src="./image/187/组 187@2x.png" alt="">
                </div>
                <p>立即咨询</p>
            </div>
            <div class="bot">
                <div class="box1">
                    <div class="imgBox">
                        <img src="./image/187/组 188@2x.png" alt="">
                    </div>
                    <p>微信咨询</p>
                </div>
                <!-- -- -->
                <div class="box2"></div>
                <div class="box3">
                    <div class="imgBox">
                        <img src="./image/187/组 189@2x.png" alt="">
                    </div>
                    <p>电话咨询</p>
                </div>
                <!-- -- -->
                <div class="box4"></div>
                <div class="box5">
                    <div class="imgBox">
                        <img src="./image/187/组 190@2x.png" alt="">
                    </div>
                    <p>演示预约</p>
                </div>
            </div>
        </div>
    </div>

    <div class="third" id="feature">
        <div class="container">
            <dl class="wow">
                <div class="top">
                    <div></div>
                    <dt>核心价值</dt>
                    <div></div>
                </div>
                <dd>
                    基于大模型重新构建智能化全流程服务闭环，有效提升企业服务效能
                </dd>
            </dl>
            <div class="detail">
                <div class="content">
                    <div class="imgBox animate__animated animate__fadeInLeft wow">
                        <img src="./image/hexin/cfdea324a8f39bbf90a647a75e0523a1@2x.png" alt="">
                    </div>
                    <div class="infoBox animate__animated animate__fadeInRight wow">
                        <p class="topP">统一智能服务工作台</p>
                        <section>
                            <p>-智能IVR：基于大模型能够精准识别用户语音意图、高效提取关键信息。从简单的语音 应答，提升为更智能的语音交互体验</p>
                            <p>-智能辅助：深度分析通话内容，大模型能够实时评</p>
                            <p>-智能工单：对通话内容进行自动化分析和处理。智能识别通话中</p>
                            <p>-班长座席通过实时监控客户排队、接起率和座席状态，快速响应服务需求。支持监听、 三方通话等操作，实时了解服务动态并给予帮助和引导</p>
                        </section>
                        <!-- 荐 -->
                        <div class="rec">
                            <p>为您推荐包含此功能的软件</p>
                            <div class="imgBoxs">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                            </div>
                            <button class="open">马上开通以上软件账号
                                <img src="./image/hexin/荐 (2).png" alt="" class="jian">
                            </button>

                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="imgBox animate__animated animate__fadeInRight wow">
                        <img src="./image/hexin/cfdea324a8f39bbf90a647a75e0523a1@2x.png" alt="">
                    </div>
                    <div class="infoBox animate__animated animate__fadeInLeft wow">
                        <p class="topP">统一智能服务工作台</p>
                        <section>
                            <p>-智能IVR：基于大模型能够精准识别用户语音意图、高效提取关键信息。从简单的语音 应答，提升为更智能的语音交互体验</p>
                            <p>-智能辅助：深度分析通话内容，大模型能够实时评</p>
                            <p>-智能工单：对通话内容进行自动化分析和处理。智能识别通话中</p>
                            <p>-班长座席通过实时监控客户排队、接起率和座席状态，快速响应服务需求。支持监听、 三方通话等操作，实时了解服务动态并给予帮助和引导</p>
                        </section>
                        <!-- 荐 -->
                        <div class="rec">
                            <p>为您推荐包含此功能的软件</p>
                            <div class="imgBoxs">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                            </div>
                            <button class="open">马上开通以上软件账号
                                <img src="./image/hexin/荐 (2).png" alt="" class="jian">
                            </button>

                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="imgBox animate__animated animate__fadeInLeft wow">
                        <img src="./image/hexin/cfdea324a8f39bbf90a647a75e0523a1@2x.png" alt="">
                    </div>
                    <div class="infoBox animate__animated animate__fadeInRight wow">
                        <p class="topP">统一智能服务工作台</p>
                        <section>
                            <p>-智能IVR：基于大模型能够精准识别用户语音意图、高效提取关键信息。从简单的语音 应答，提升为更智能的语音交互体验</p>
                            <p>-智能辅助：深度分析通话内容，大模型能够实时评</p>
                            <p>-智能工单：对通话内容进行自动化分析和处理。智能识别通话中</p>
                            <p>-班长座席通过实时监控客户排队、接起率和座席状态，快速响应服务需求。支持监听、 三方通话等操作，实时了解服务动态并给予帮助和引导</p>
                        </section>
                        <!-- 荐 -->
                        <div class="rec">
                            <p>为您推荐包含此功能的软件</p>
                            <div class="imgBoxs">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                            </div>
                            <button class="open">马上开通以上软件账号
                                <img src="./image/hexin/荐 (2).png" alt="" class="jian">
                            </button>

                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="imgBox animate__animated animate__fadeInRight wow">
                        <img src="./image/hexin/cfdea324a8f39bbf90a647a75e0523a1@2x.png" alt="">
                    </div>
                    <div class="infoBox animate__animated animate__fadeInLeft wow">
                        <p class="topP">统一智能服务工作台</p>
                        <section>
                            <p>-智能IVR：基于大模型能够精准识别用户语音意图、高效提取关键信息。从简单的语音 应答，提升为更智能的语音交互体验</p>
                            <p>-智能辅助：深度分析通话内容，大模型能够实时评</p>
                            <p>-智能工单：对通话内容进行自动化分析和处理。智能识别通话中</p>
                            <p>-班长座席通过实时监控客户排队、接起率和座席状态，快速响应服务需求。支持监听、 三方通话等操作，实时了解服务动态并给予帮助和引导</p>
                        </section>
                        <!-- 荐 -->
                        <div class="rec">
                            <p>为您推荐包含此功能的软件</p>
                            <div class="imgBoxs">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x.png" alt="">
                            </div>
                            <button class="open">马上开通以上软件账号
                                <img src="./image/hexin/荐 (2).png" alt="" class="jian">
                            </button>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="fourth" id="option">
        <div class="container">
            <dl>
                <div class="top">
                    <div></div>
                    <dt>行业解决方案</dt>
                    <div></div>
                </div>
            </dl>
            <div class="mid animate__animated animate__fadeInUp wow">
                <button type="button" class="fb1">金融</button>
                <button type="button" class="fb1">电商</button>
                <button type="button" class="fb1">口腔医美</button>
                <button type="button" class="fb1">教育</button>
                <button type="button" class="fb1">其他</button>
            </div>
            <footer>
                <div class="footCard animate__animated animate__fadeInRight wow">
                    <img src="./image/4.1/f4395e607f2926de79d02977de52f270@2x.png" alt="">
                    <div class="textContent">
                        <dl>
                            <dt>
                                重塑零售电商精准营销新生态
                            </dt>
                            <dd>
                                在竞争激烈的零售电商领域，尘峰SCRM提供一站式客户关系管理解决方案。通过大数据分析与AI智能推荐
                            </dd>
                        </dl>

                        <div class="compInfo">
                            <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(2).png" alt="">
                            <div class="right">
                                <p class="p41">尘峰SCRM</p>
                                <p class="p42">128家企业选择</p>
                            </div>
                        </div>
                        <footer>
                            <button type="button" class="b41">咨询方案</button>
                            <button type="button" class="b42">下载</button>
                        </footer>
                    </div>
                </div>
                <div class="footCard animate__animated animate__fadeInRight optionDur1 wow">
                    <img src="./image/4.1/04295c0bdc575ad4cdc6133368e7a493@2x.png" alt="">
                    <div class="textContent">
                        <dl>
                            <dt>
                                重塑零售电商精准营销新生态
                            </dt>
                            <dd>
                                在竞争激烈的零售电商领域，尘峰SCRM提供一站式客户关系管理解决方案。通过大数据分析与AI智能推荐
                            </dd>
                        </dl>

                        <div class="compInfo">
                            <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(2).png" alt="">
                            <div class="right">
                                <p class="p41">尘峰SCRM</p>
                                <p class="p42">128家企业选择</p>
                            </div>
                        </div>
                        <footer>
                            <button type="button" class="b41">咨询方案</button>
                            <button type="button" class="b42">下载</button>
                        </footer>
                    </div>
                </div>
                <div class="footCard animate__animated animate__fadeInRight optionDur2 wow">
                    <img src="./image/4.1/f4395e607f2926de79d02977de52f270@2x.png" alt="">
                    <div class="textContent">
                        <dl>
                            <dt>
                                重塑零售电商精准营销新生态
                            </dt>
                            <dd>
                                在竞争激烈的零售电商领域，尘峰SCRM提供一站式客户关系管理解决方案。通过大数据分析与AI智能推荐
                            </dd>
                        </dl>

                        <div class="compInfo">
                            <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(2).png" alt="">
                            <div class="right">
                                <p class="p41">尘峰SCRM</p>
                                <p class="p42">128家企业选择</p>
                            </div>
                        </div>
                        <footer>
                            <button type="button" class="b41">咨询方案</button>
                            <button type="button" class="b42">下载</button>
                        </footer>
                    </div>
                </div>
                <div class="footCard animate__animated animate__fadeInRight optionDur3 wow">
                    <img src="./image/4.1/04295c0bdc575ad4cdc6133368e7a493@2x.png" alt="">
                    <div class="textContent">
                        <dl>
                            <dt>
                                重塑零售电商精准营销新生态
                            </dt>
                            <dd>
                                在竞争激烈的零售电商领域，尘峰SCRM提供一站式客户关系管理解决方案。通过大数据分析与AI智能推荐
                            </dd>
                        </dl>

                        <div class="compInfo">
                            <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(2).png" alt="">
                            <div class="right">
                                <p class="p41">尘峰SCRM</p>
                                <p class="p42">128家企业选择</p>
                            </div>
                        </div>
                        <footer>
                            <button type="button" class="b41">咨询方案</button>
                            <button type="button" class="b42">下载</button>
                        </footer>
                    </div>
                </div>
            </footer>
        </div>
    </div>

    <div class="fifth" id="feedBack">
        <div class="container">
            <dl class="wow">
                <div class="top">
                    <div></div>
                    <dt>客户正言</dt>
                    <div></div>
                </div>
            </dl>
        </div>
        <div class="scrollList">
            <div class="topScroll" id="topScroll" onmouseover="pauseAnime('m1')" onmouseleave="runAnime('m1')">
                <div class="message m1">
                    <div class="comInfo">
                        <div class="leftContent">
                            <p class="leftP1">张女士</p>
                            <p class="leftP2">@蓝天科技 财务经理</p>
                        </div>
                        <div class="rightContent">
                            <div class="rightImg">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(1).png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="descrition">
                        <article>
                            自从我们公司采用了鲸选型云费控系统，费用管理变得前所未有的高效和透明。李会计团队反馈说，系统操作简便，上手快，大大减少了手工录入和审批的繁琐。而且，数据的实时更新和统计分析功能。
                        </article>
                    </div>
                </div>
                <div class="message m1">
                    <div class="comInfo">
                        <div class="leftContent">
                            <p class="leftP1">张女士</p>
                            <p class="leftP2">@蓝天科技 财务经理</p>
                        </div>
                        <div class="rightContent">
                            <div class="rightImg">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(1).png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="descrition">
                        <article>
                            自从我们公司采用了鲸选型云费控系统，费用管理变得前所未有的高效和透明。李会计团队反馈说，系统操作简便，上手快，大大减少了手工录入和审批的繁琐。而且，数据的实时更新和统计分析功能。
                        </article>
                    </div>
                </div>
                <div class="message m1">
                    <div class="comInfo">
                        <div class="leftContent">
                            <p class="leftP1">张女士</p>
                            <p class="leftP2">@蓝天科技 财务经理</p>
                        </div>
                        <div class="rightContent">
                            <div class="rightImg">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(1).png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="descrition">
                        <article>
                            自从我们公司采用了鲸选型云费控系统，费用管理变得前所未有的高效和透明。李会计团队反馈说，系统操作简便，上手快，大大减少了手工录入和审批的繁琐。而且，数据的实时更新和统计分析功能。
                        </article>
                    </div>
                </div>
                <div class="message m1">
                    <div class="comInfo">
                        <div class="leftContent">
                            <p class="leftP1">张女士</p>
                            <p class="leftP2">@蓝天科技 财务经理</p>
                        </div>
                        <div class="rightContent">
                            <div class="rightImg">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(1).png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="descrition">
                        <article>
                            自从我们公司采用了鲸选型云费控系统，费用管理变得前所未有的高效和透明。李会计团队反馈说，系统操作简便，上手快，大大减少了手工录入和审批的繁琐。而且，数据的实时更新和统计分析功能。
                        </article>
                    </div>
                </div>
                <div class="message m1">
                    <div class="comInfo">
                        <div class="leftContent">
                            <p class="leftP1">张女士</p>
                            <p class="leftP2">@蓝天科技 财务经理</p>
                        </div>
                        <div class="rightContent">
                            <div class="rightImg">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(1).png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="descrition">
                        <article>
                            自从我们公司采用了鲸选型云费控系统，费用管理变得前所未有的高效和透明。李会计团队反馈说，系统操作简便，上手快，大大减少了手工录入和审批的繁琐。而且，数据的实时更新和统计分析功能。
                        </article>
                    </div>
                </div>
            </div>
            <div class="botScroll" id="botScroll" onmouseover="pauseAnime('m2')" onmouseleave="runAnime('m2')">
                <div class="message m2">
                    <div class="comInfo">
                        <div class="leftContent">
                            <p class="leftP1">张女士</p>
                            <p class="leftP2">@蓝天科技 财务经理</p>
                        </div>
                        <div class="rightContent">
                            <div class="rightImg">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(1).png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="descrition">
                        <article>
                            自从我们公司采用了鲸选型云费控系统，费用管理变得前所未有的高效和透明。李会计团队反馈说，系统操作简便，上手快，大大减少了手工录入和审批的繁琐。而且，数据的实时更新和统计分析功能。
                        </article>
                    </div>
                </div>
                <div class="message m2">
                    <div class="comInfo">
                        <div class="leftContent">
                            <p class="leftP1">张女士</p>
                            <p class="leftP2">@蓝天科技 财务经理</p>
                        </div>
                        <div class="rightContent">
                            <div class="rightImg">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(1).png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="descrition">
                        <article>
                            自从我们公司采用了鲸选型云费控系统，费用管理变得前所未有的高效和透明。李会计团队反馈说，系统操作简便，上手快，大大减少了手工录入和审批的繁琐。而且，数据的实时更新和统计分析功能。
                        </article>
                    </div>
                </div>
                <div class="message m2">
                    <div class="comInfo">
                        <div class="leftContent">
                            <p class="leftP1">张女士</p>
                            <p class="leftP2">@蓝天科技 财务经理</p>
                        </div>
                        <div class="rightContent">
                            <div class="rightImg">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(1).png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="descrition">
                        <article>
                            自从我们公司采用了鲸选型云费控系统，费用管理变得前所未有的高效和透明。李会计团队反馈说，系统操作简便，上手快，大大减少了手工录入和审批的繁琐。而且，数据的实时更新和统计分析功能。
                        </article>
                    </div>
                </div>
                <div class="message m2">
                    <div class="comInfo">
                        <div class="leftContent">
                            <p class="leftP1">张女士</p>
                            <p class="leftP2">@蓝天科技 财务经理</p>
                        </div>
                        <div class="rightContent">
                            <div class="rightImg">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(1).png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="descrition">
                        <article>
                            自从我们公司采用了鲸选型云费控系统，费用管理变得前所未有的高效和透明。李会计团队反馈说，系统操作简便，上手快，大大减少了手工录入和审批的繁琐。而且，数据的实时更新和统计分析功能。
                        </article>
                    </div>
                </div>
                <div class="message m2">
                    <div class="comInfo">
                        <div class="leftContent">
                            <p class="leftP1">张女士</p>
                            <p class="leftP2">@蓝天科技 财务经理</p>
                        </div>
                        <div class="rightContent">
                            <div class="rightImg">
                                <img src="./image/b78/b78d9d9968a5f4246c26992c2f18a031@2x(1).png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="descrition">
                        <article>
                            自从我们公司采用了鲸选型云费控系统，费用管理变得前所未有的高效和透明。李会计团队反馈说，系统操作简便，上手快，大大减少了手工录入和审批的繁琐。而且，数据的实时更新和统计分析功能。
                        </article>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="sixth" id="report">
        <div class="container">
            <dl class="wow">
                <div></div>
                <dt>研究报告白皮书</dt>
                <div></div>
            </dl>
            <div class="report">
                <div class="card animate__animated animate__fadeInUp wow">
                    <div class="top">
                        <img src="./image/six/组 68@2x.png" alt="">
                        <p class="p1">个微人脉解决方案</p>
                        <p class="p2">已有112人下载</p>
                    </div>
                    <div class="bot">
                        <div class="downLoad">
                            <img src="./image/six/组 72@2x.png" alt="">
                            <p>下载</p>
                        </div>
                    </div>
                </div>
                <div class="card animate__animated animate__fadeInUp reportWow1 wow">
                    <div class="top">
                        <img src="./image/six/组 68@2x.png" alt="">
                        <p class="p1">个微人脉解决方案</p>
                        <p class="p2">已有112人下载</p>
                    </div>
                    <div class="bot">
                        <div class="downLoad">
                            <img src="./image/six/组 72@2x.png" alt="">
                            <p>下载</p>
                        </div>
                    </div>
                </div>
                <div class="card animate__animated animate__fadeInUp reportWow2 wow">
                    <div class="top">
                        <img src="./image/six/组 68@2x.png" alt="">
                        <p class="p1">个微人脉解决方案</p>
                        <p class="p2">已有112人下载</p>
                    </div>
                    <div class="bot">
                        <div class="downLoad">
                            <img src="./image/six/组 72@2x.png" alt="">
                            <p>下载</p>
                        </div>
                    </div>
                </div>
                <div class="card animate__animated animate__fadeInUp reportWow3 wow">
                    <div class="top">
                        <img src="./image/six/组 68@2x.png" alt="">
                        <p class="p1">个微人脉解决方案</p>
                        <p class="p2">已有112人下载</p>
                    </div>
                    <div class="bot">
                        <div class="downLoad">
                            <img src="./image/six/组 72@2x.png" alt="">
                            <p>下载</p>
                        </div>
                    </div>
                </div>
            </div>
            <dl id="message" class="wow">
                <div></div>
                <dt>新闻资讯</dt>
                <div></div>
            </dl>
            <p class="p3">智能知识库是一种基于人工智能和大数据技术的知识管理系统，利用自然语言处理、机器学习等技术对大量知识进行采集、处理、存储和应用</p>

            <div class="zxCard">
                <div class="cardDetail animate__animated animate__fadeInUp wow">
                    <img src="./image/six/04295c0bdc575ad4cdc6133368e7a493@2x.png" alt="">
                    <dl>
                        <dt>重塑零售电商精准营销新生态</dt>
                        <dd>在竞争激烈的零售电商领域，尘峰SCRM提供一站式客户关系管理解决方案。通过大数据分析与AI智能推荐</dd>
                    </dl>
                </div>
                <div class="cardDetail animate__animated animate__fadeInUp reportWow1 wow">
                    <img src="./image/six/04295c0bdc575ad4cdc6133368e7a493@2x.png" alt="">
                    <dl>
                        <dt>重塑零售电商精准营销新生态</dt>
                        <dd>在竞争激烈的零售电商领域，尘峰SCRM提供一站式客户关系管理解决方案。通过大数据分析与AI智能推荐</dd>
                    </dl>
                </div>
                <div class="cardDetail animate__animated animate__fadeInUp reportWow2 wow">
                    <img src="./image/six/04295c0bdc575ad4cdc6133368e7a493@2x.png" alt="">
                    <dl>
                        <dt>重塑零售电商精准营销新生态</dt>
                        <dd>在竞争激烈的零售电商领域，尘峰SCRM提供一站式客户关系管理解决方案。通过大数据分析与AI智能推荐</dd>
                    </dl>
                </div>
                <div class="cardDetail animate__animated animate__fadeInUp reportWow3 wow">
                    <img src="./image/six/04295c0bdc575ad4cdc6133368e7a493@2x.png" alt="">
                    <dl>
                        <dt>重塑零售电商精准营销新生态</dt>
                        <dd>在竞争激烈的零售电商领域，尘峰SCRM提供一站式客户关系管理解决方案。通过大数据分析与AI智能推荐</dd>
                    </dl>
                </div>
            </div>
            <div class="zxBtn">
                <button class="zxBtn1">更多资讯</button>
                <button class="zxBtn2">免费试用</button>
            </div>
        </div>
    </div>
    <div class="lastNav" id="lastNav">
        <div class="topAdd">
            <div class="addBox animate__animated animate__flipInX wow">
                <p class="addP1">
                    与 <span>50000</span>
                    家企业一起改进提升
                </p>
                <p class="addP2">
                    无论是SaaS软件还是企业服务，只要产品是在为各行各业的企业解决问题，那么欢迎加入到鲸选型！
                    在这里您不仅可以获得客源，更可以听到真实用户的声音，帮助您将产品打磨得更好。
                </p>
                <div class="btnAdd">
                    立即入驻
                </div>
            </div>
        </div>
        <nav>
            <div class="navList">
                <table style="width: 1253px;">
                    <tr>
                        <th>商务合作</th>
                        <th>热门产品</th>
                        <th>热门分类</th>
                        <th>联系我们</th>
                        <th>友情链接</th>
                        <th>联系方式</th>
                    </tr>
                    <!-- table内容 -->
                    <tr>
                        <!-- 商务合作 -->
                        <td style="width: 168px;">
                            <ul>
                                <li>企业产品入驻</li>
                            </ul>
                        </td>
                        <!-- 热门产品 -->
                        <td class="hotPro" style="width: 220px;">
                            <ul class="hotUl">
                                <li>采购管理</li>
                                <li>ERP系统</li>
                                <li>差旅费控</li>
                                <li>客服系统</li>
                                <li>智能外呼</li>
                            </ul>
                        </td>
                        <!-- 热门分类 -->
                        <td style="width: 169px;">
                            <ul>
                                <li>跨境电商系统</li>
                                <li>CRM系统</li>
                                <li></li>
                            </ul>
                        </td>
                        <!-- 联系我们 -->
                        <td style="width: 154px;">
                            <ul>
                                <li>知乎号码</li>
                                <li>百度百家号</li>
                                <li></li>
                            </ul>
                        </td>
                        <!-- 友情链接 -->
                        <td style="width: 251px;">
                            <ul>
                                <li>ERP系统</li>
                                <li>HOMELIFE国际家居礼品展</li>
                                <li>It电脑</li>
                            </ul>
                        </td>
                        <!-- 联系方式 -->
                        <td style="width: 291px;">
                            <div class="call">
                                <img src="./image/last/abfaa0e54377ac5d1f3e6bb2932a2f85@2x.png" alt="">
                                <div class="pBox">
                                    <p>
                                        地址:
                                        <span>XXXXXXXXXXXXXXXXXXX</span>
                                    </p>
                                    <p>
                                        邮箱:
                                        <span>XXXXXXXXXXXXXXXXXXX</span>
                                    </p>
                                    <p>
                                        电话:
                                        <span>XXXXXXXXX</span>
                                    </p>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>

            </div>
            <div class="navVer">
                <p>京ICP备2023013055号版权所有@XXXXXXXXX有限公司</p>
            </div>
        </nav>
    </div>
</body>
<script src="js/wow.min.js"></script>
<script>
    new WOW().init();    
</script>
</html>